<template>
  <div id="award">
    <h2>金融领军者 · 年度卓越金融机构</h2>
    <div class="row">
      <div class="class">
        <h3>银行类</h3>
        <p>综合奖：</p>
        <p>• 	年度卓越银行</p>
        <p>• 	年度最具影响力银行品牌</p>
        <p>单项奖：</p>
        <p>• 	年度卓越信用卡银行</p>
        <p>• 	年度卓越城商银行</p>
        <p>• 	年度卓越外资银行</p>
        <p>• 	年度卓越私人银行</p>
        <p>• 	年度卓越银行产品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>基金类</h3>
        <p>综合奖：</p>
        <p>• 	年度卓越公募基金机构</p>
        <p>• 	年度卓越私募基金机构</p>
        <p>• 	年度最具影响力基金品牌</p>
        <p>单项奖：</p>
        <p>• 	年度最具竞争力VC机构</p>
        <p>• 	年度最具竞争力PE机构</p>
        <p>• 	年度卓越基金产品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>证券类</h3></p>
        <p>综合奖：</p>
        <p>• 	年度卓越证券机构</p>
        <p>单项奖：</p>
        <p>• 	年度特色证券机构</p>
        <p>• 	年度最具成长性证券机构</p>
        <p>• 	年度卓越投行业务证券机构</p>
        <p>• 	年度卓越证券产品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>保险类</h3></p>
        <p>综合奖：</p>
        <p>• 	年度卓越寿险机构</p>
        <p>• 	年度卓越财险机构</p>
        <p>单项奖：</p>
        <p>• 	年度卓越寿险产品</p>
        <p>• 	年度卓越财险商品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>信托类</h3></p>
        <p>综合奖：</p>
        <p>• 	年度卓越信托机构</p>
        <p>单项奖：</p>
        <p>• 	年度卓越信托产品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>期货类</h3></p>
        <p>综合奖：</p>
        <p>• 	年度卓越期货机构</p>
        <p>单项奖：</p>
        <p>• 	年度卓越期货产品</p>
        <p>• 	其他单项奖</p>
      </div>
      <div class="class">
        <h3>财富管理类</h3></p>
        <p>综合奖：</p>
        <p>• 	年度卓越财富管理机构</p>
        <p>单项奖：</p>
        <p>• 	年度卓越财富管理产品</p>
        <p>• 	其他单项奖</p>
      </div>
    </div>
    <h2>金融领军者 · 年度金融新势力</h2>
    <div class="row">
      <div class="class">
        <p>综合奖：</p>
        <p>• 	年度卓越金融科技机构</p>
        <p>单项奖：</p>
        <p>• 	年度最受欢迎互联网金融机构</p>
        <p>• 	年度卓越互联网金融机构</p>
        <p>• 	年度卓越互联网保险机构</p>
        <p>• 	年度卓越互联网支付机构</p>
        <p>• 	年度卓越大数据征信机构</p>
        <p>• 	年度卓越区块链技术机构</p>
        <p>• 	年度卓越移动端金融应用机构</p>
        <p>• 	年度卓越金融科技产品</p>
        <p>• 	其他单项奖</p>
      </div>
    </div>
    <h2>金融领军者 · 年度金融人物</h2>
    <div class="row">
      <div class="class">
        <p>• 	年度金融家</p>
        <p>• 	年度经济学家</p>
        <p>• 	年度财经人物</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'award'
}
</script>
<style>
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
}
*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  -ms-touch-action: inherit;
      touch-action: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}
html {
  font-size: 12px;
}
@media (min-width: 1200px) {
  html {
    font-size: 18px;
  }
}
h2 {
  margin: 2.8rem auto;
  text-align: center;
  font-size: 1.67rem;
  font-weight: normal;
  color:#edd498;
}
h3 {
  margin: 1rem auto;
  text-align: left;
  font-size: 1.5rem;
  font-weight: normal;
  color:#edd498;
}
h2::after {
  content: "";
  display: block;
  width: 15rem;
  height: 2px;
  margin: .4rem auto;
  background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#edd498));
  background-image: -webkit-linear-gradient(left, #000 0%, #edd498 100%);
  background-image: -o-linear-gradient(left, #000 0%, #edd498 100%);
  background-image: linear-gradient(90deg, #000 0%, #edd498 100%);
}
#award {
  padding: 2rem 0 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a0904;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* align-items: center; */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 88%;
  max-width: 53.2rem;
}
.class {
  padding-left: 5rem;
  width: 24rem;
  color: #fff;
  font-size: 1.33rem;
  line-height: 1.8em;
        margin-bottom: 5rem;
}
</style>

